<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>hao123_上网从这里开始</title>
		<link rel="shortcut icon" href=img/favicon.ico type="image/x-icon" />
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/index.css" id='webcss' />
		<meta name="keywords" content="上网导航,网址大全,网址导航,hao123上网导航,hao123网址,hao123导航,hao123网址大全,hao123活动, 抽奖活动">
		<meta name="description" content="hao123是汇集全网优质网址及资源的中文上网导航。及时收录影视、音乐、小说、游戏等分类的网址和内容，让您的网络生活更简单精彩。上网，从hao123开始。">
	</head>

	<body>
		<div class="container">
			<!--网站头部-->
			<div class="header">
				<!--生活小信息和登入口-->
				<div class='banner'>
					<div class="banner-left">
						<img src="img/richanglogo168_24.png" />
						<span class="setIndex"><a href="###" >设为<br/>首页</a></span>
						<span class="city"><a href="###"><label>福州</label><i></i></a></span>
						<span class="wheather"><a href="###"></a></span>
						<span class="wheather-text"> <a href="###">阴</a></span>
						<span class="temperature"><a href="###">16°C&nbsp;</a></span>
						<span class="wheather-link"><a href="###"></a></span>
						<span class="nowDate"><a href="###">11月01日</a></span>
						<span class="week"><a href="###">周二</a></span>
						<span class="oldCan"><a href="###">十月初二</a></span>
						<span class="star"><a href="###">星座运势</a></span>
					</div>
					<div class="banner-right">
						<span class="login"><a href="###">登录</a></span>
						<span class="net-disk"><a href="###">网盘</a></span>
						<span class="e-mail"><a href="###">邮箱</a></span>
						<span class="browser"><a href="###">浏览器</a></span>
						<span class="change-skin "><a href="###">换肤</a></span>
						<span class="face"><a href="###"></a></span>
						<span class="hotInfo"><a href="###">啥生肖今年走霉运</a></span>
					</div>

				</div>

			</div>
			<!--网站内容-->
			<div class="content">
				<div class="content-box">
					<!--百度搜索-->
					<div class='searchbox'>
						<div class="baidu-box">
							<a class="baidu-logo"></a>
							<div class="search-container">
								<form action="https://www.baidu.com/s">
									<div class="sc-left">
										<span class="search-lan">网页</span>
										<i class="search-lan-arrow"></i>
										<input type="text" class="baidu-input" />
										<span class="baidu-hot">6</span>
									</div>
									<button type="submit" class="baidu-btn"></button>

								</form>
							</div>
							<div class="webskin">
								<ul id="pageStyle" class="clearfix" title="单击设置页面风格">
									<li n="index" class="index"><span class="select"></span></li>
									<li n="blue" class="blue"></li>
									<li n="green" class='green'></li>
									<li n="orange" class="orange"></li>
									<li n="pink" class="pink"></li>
									<li n="purple" class="purple"></li>
									<li n="gray" class="gray"></li>
								</ul>
								<ul id="bgimg" class="clearfix2" title="点击设置页面背景">
									<li n="bg0" class="bg0"><span class="select"></span></li>
									<li n="bg1" class="bg1"></li>
									<li n="bg2" class='bg2'></li>
									<li n="bg3" class="bg3"></li>
									<li n="bg4" class="bg4"></li>
									<li n="bg5" class="bg5"></li>
									<li n="bg6" class="bg6"></li>
								</ul>
							</div>
						</div>
					</div>
					<!--热词搜索-->
					<div class="keysSearch">
						<ul>
							<li class="search-icon">
								<a href="###"></a>
							</li>
							<li>
								<a href="###">福州天气</a>
							</li>
							<li>
								<a href="###">NBA</a>
							</li>
							<li>
								<a href="###">李嘉诚套现800亿</a>
							</li>
							<li>
								<a href="###" class="hottext">何炅被送手术室</a>
							</li>
							<li>
								<a href="###">法院向王宝强道歉</a>
							</li>
							<li>
								<a href="###">雪姨被骂乱伦</a>
							</li>
							<li>
								<a href="###">好声音内幕</a>
							</li>
						</ul>
					</div>
					<!--热门分类搜索和报纸网媒链接-->
					<div class="nav">
						<ul class="live">
							<li class="first">
								<a href="###">首页</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">电视剧</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">最新电影</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">新闻头条</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">八卦娱乐</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">军事热点</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">热门游戏</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">小游戏
								</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">今日特价</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">特价旅游</a>
							</li>
							<li class="menu-split"></li>
							<li>
								<a href="###">福州生活</a>
							</li>
						</ul>
						<ul class="newspaper">
							<li class="first-tag">
								<a href="###">权威推荐</li>
							<li>
								<a href="###">人民网</a>
							</li>
							<li>
								<a href="###">新华网</a>
							</li>
							<li>
								<a href="###">央视网</a>
							</li>
							<li>
								<a href="###">国际在线</a>
							</li>
							<li>
								<a href="###">中国日报网</a>
							</li>
							<li>
								<a href="###">中国网</a>
							</li>
							<li>
								<a href="###">中国经济网</a>
							</li>
							<li>
								<a href="###">光明网</a>
							</li>
							<li>
								<a href="###">央广网</a>
							</li>
							<li>
								<a href="###">求是网</a>
							</li>
							<li>
								<a href="###">中国青年网</a>
							</li>
							<li>
								<a href="###">中国网信网</a>
							</li>
						</ul>
					</div>
					<!--中间导航栏-->
					<div class="middle-container">
						<div class="inner">
							<div class="friendcls">
								<ul class='hot'>
									<span class="settting"></span>
									<li>
										<a href="###" class="iconwidth baidu">&nbsp;<img src="img/baiduzhongban-4.gif"></a>
										<a href="###">百度 </a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">贴吧</a>
									</li>
									<li>
										<a href="###" class="sina">新闻 </a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">微博</a>
									</li>
									<li>
										<a href="###" class="sohu">搜狐</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">热点</a>
									</li>
									<li>
										<a href="###" class="tencent">腾&nbsp;&nbsp;&nbsp;&nbsp;讯</a>
									</li>
									<li>
										<a href="###" class="netEase">网&nbsp;&nbsp;&nbsp;&nbsp;易</a>
									</li>
									<li>
										<a href="###" class="youku">优酷网</a>
									</li>
									<li>
										<a href="###" class="iconwidth tianmao">&nbsp;<img src="img/tianmao2015082101.gif"></a>
										<a href="###">天&nbsp;&nbsp;&nbsp;&nbsp;猫</a>
										<span class="double11">双11<br/>选购</span>
									</li>
									<li>
										<a href="###" class="Phoenix">凤凰网</a>
									</li>
									<li>

										<a href="###" class="taobao">淘宝网</a>
									</li>
									<li>
										<a href="###" class="iconwidth">&nbsp;<img src="img/4771474ba583500ac2a0aa83b605a824.gif"></a>
										<a href="###" class="double11-text">
											<img src="img/d61352de823cd6360c23d0e6b877dcee.png" />
										</a>
									</li>
									<li>
										<a href="###" class="four-three-nine-nine">4399游戏</a>
									</li>
									<li>
										<a href="###" class="iconwidth hao123">&nbsp;<img src="img/1419388771.png"></a>

										<a href="###">hao123影视</a>
									</li>
									<li>
										<a href="###" class="iconwidth jingdong">&nbsp;<img src="img/21.1.png"></a>
										<a href="###" class="hottext">京东商城</a>
									</li>
									<li>
										<a href="###" class="iconwidth tesco">&nbsp;<img src="img/8022_1.png"></a>
										<a href="###" class="hottext">苏宁易购</a>
									</li>
									<li>
										<a href="###" class="iconwidth t-deal">&nbsp;<img src="img/6282.png"></a>
										<a href="###">今日特价</a>
										<span class="double11">五折<br/>封顶</span>
									</li>
									<li>
										<a href="###" class="iconwidth guomei">&nbsp;<img src="img/8500.8500.png"></a>
										<a href="###">国美在线</a>
									</li>
									<li>
										<a href="###" class="car-home">汽车之家</a>
									</li>
									<li>
										<a href="###" class="iconwidth juhuasuan">&nbsp;<img src="img/8.411.png"></a>
										<a href="###">聚划算</a>
									</li>
									<li class='linksplit'></li>
									<li>
										<a href="###">东方财富</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">理财</a>
									</li>
									<li>
										<a href="###">58同城</a>
									</li>
									<li>
										<a href="###">房天下</a>
									</li>
									<li>
										<a href="###">携程旅游网</a>
									</li>
									<li>
										<a href="###">免费游戏</a>
									</li>
									<li>
										<a href="###">12306</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding ly">旅游<i class="red-icon"></i></a>
									</li>
									<li>
										<a href="###">世纪佳缘</a>
									</li>
									<li>
										<a href="###">赶集网</a>
									</li>
									<li>
										<a href="###">易车网</a>
									</li>
									<li>
										<a href="###">体育</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">NBA</a>
									</li>
									<li>
										<a href="###">爱卡汽车</a>
									</li>
									<li>
										<a href="###">萌主页</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">动漫</a>
									</li>
									<li>
										<a href="###">唯品会</a>
									</li>
									<li>
										<a href="###">hao到家</a>
									</li>
									<li>
										<a href="###">途牛旅游网</a>
									</li>
									<li>
										<a href="###">hao123浏览器</a>
									</li>
									<li>
										<a href="###">头条新闻</a>
									</li>
									<li>
										<a href="###">直播吧</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding kfb">开服表<i class="red-icon"></i></a>
									</li>
									<li class="greenlink">
										<a href="###">苏宁手机馆</a>
									</li>
									<li class="greenlink">
										<a href="###">彩票开奖</a>
									</li>
									<li class="greenlink">
										<a href="###">1号店</a>
									</li>
									<li class="greenlink">
										<a href="###">阿里旅行</a>
									</li>
									<li class="greenlink">
										<a href="###">爱 淘 宝</a>
									</li>
									<li class="greenlink">
										<a href="###">购物</a>&nbsp;•&nbsp;
										<a href="###" class="nopadding">手机</a>
									</li>
									<li>
										<a href="###" class="tuiijan"></a>
										<a href="###">新浪</a>
									</li>
									<li>
										<a href="###">爱奇艺高清</a>
									</li>
									<li>
										<a href="###">电视剧</a>
									</li>
									<li>
										<a href="###">少儿动画</a>
									</li>
									<li>
										<a href="###">搜狐体育</a>
									</li>
									<li>
										<a href="###">百度音乐</a>
									</li>
								</ul>
								<ul class="link-ad">
									<li>
										<a href="###" class="jhs">聚划算</a>
									</li>
									<li>
										<a href="###" class="hottext">美肤预售</a>
									</li>
									<li>
										<a href="###">牛股QQ群</a>
									</li>
									<li>
										<a href="###">机械设计</a>
									</li>
									<li>
										<a href="###">理财赚钱</a>
									</li>
									<li>
										<a href="###" class="hottext">工业设计</a>
									</li>
									<li>
										<a href="###">9块9包邮</a>
									</li>
									<li>
										<a href="###">工业品采购</a>
									</li>
									<li>
										<a href="###">微拍堂</a>
									</li>
									<li>
										<a href="###">创业找项目</a>
									</li>
								</ul>
							</div>
							<div class="game">
								<ul>
									<li>
										<dl>
											<dt>
												<a href="###">游戏<i class="red-icon"></i></a>
											</dt>

											<dd>
												<a href="###">变态三国</a>
											</dd>
											<dd>
												<a href="###">蓝月传奇</a>
											</dd>
											<dd>
												<a href="###" class="hot-game">变态MU</a>
											</dd>
											<dd>
												<a href="###">刀刀爆红装</a>
											</dd>
											<dd>
												<a href="###">魔法王座</a>
											</dd>
											<dd>
												<a href="###">装备全靠打</a>
											</dd>
											<dd>
												<a href="###">捕鱼送话费</a>
											</dd>
											<dd class="change">
												<a href="###">换一换</a>
											</dd>
										</dl>
									</li>
									<li>
										<dl>
											<dt><a href="###" >热门</a></dt>
											<dd>
												<a href="###" class="hottext">个人二手牵</a>
											</dd>
											<dd>
												<a href="###">人人车卖车</a>
											</dd>
											<dd>
												<a href="###">微信炒股群</a>
											</dd>
											<dd>
												<a href="###">股票微信群</a>
											</dd>
											<dd>
												<a href="###">牛股微信群</a>
											</dd>
											<dd>
												<a href="###">二手车</a>
											</dd>
											<dd>
												<a href="###">老股民QQ群</a>
											</dd>
											<dd class="change">
												<a href="###">换一换</a>
											</dd>
										</dl>
									</li>
									<li>
										<dl>
											<dt><a href="###">购物</a></dt>
											<dd>
												<a href="###">机械设计</a>
											</dd>
											<dd>
												<a href="###">苏宁大清仓</a>
											</dd>
											<dd>
												<a href="###">面膜特卖会</a>
											</dd>
											<dd>
												<a href="###">工业品采购</a>
											</dd>
											<dd>
												<a href="###" class="hottext">11购物车</a>
											</dd>
											<dd>
												<a href="###">车品底价抢</a>
											</dd>
											<dd>
												<a href="###">秋季换车平</a>
											</dd>
											<dd class="change">
												<a href="###">换一换</a>
											</dd>
										</dl>
									</li>
									<li>
										<dl>
											<dt><a href="###">健康</a></dt>
											<dd>
												<a href="###">指甲看健康</a>
											</dd>
											<dd>
												<a href="###">睡觉磨牙</a>
											</dd>
											<dd>
												<a href="###" class="hottext">街头补牙</a>
											</dd>
											<dd>
												<a href="###">请血管垃圾</a>
											</dd>
											<dd>
												<a href="###">憋尿的危害</a>
											</dd>
											<dd>
												<a href="###">白错洗脸</a>
											</dd>
											<dd>
												<a href="###">科学洗碗</a>
											</dd>
											<dd class="change">
												<a href="###">换一换</a>
											</dd>
										</dl>
									</li>
								</ul>
								<span class="youlike"></span>
								<span class="youlike-next"></span>
							</div>
						</div>
					</div>
					<!--左边分类导航栏-->
					<div class="left-container">
						<div class="l-item">
							<ul class="vedio">
								<li>
									<i class="tv"></i>
									<a href="http://v.hao123.com/dianshi/" target="_blank">电视剧</a><span>|</span>
									<a href="http://v.hao123.com/zongyi/" target="_blank">综艺</a>
								</li>
								<li>
									<i class="game"></i>
									<a href="https://game.hao123.com/" target="_blank">游戏</a><span>|</span>
									<a href="http://xyx.hao123.com/" target="_blank">小游戏</a>
								</li>
								<li>
									<i class="moive"></i>
									<a href="###">电影</a><span>|</span>
									<a href="###">直播</a>
								</li>
								<li>
									<i class="comic"></i>
									<a href="###">动漫</a><span>|</span>
									<a href="###">漫画</a>
								</li>
								<li>
									<i class="news"></i>
									<a href="###">新闻</a><span>|</span>
									<a href="###">军事</a>
								</li>
								<li>
									<i class="tourism"></i>
									<a href="###">旅游</a><span>|</span>
									<a href="###">音乐</a>
								</li>
								<li>
									<i class='lottery'></i>
									<a href="###">彩票</a><span>|</span>
									<a href="###">股票</a>
								</li>
								<li>
									<i class="funny"></i>
									<a href="###">搞笑</a><span>|</span>
									<a href="###">小说</a>
								</li>
								<li>
									<i class="special-offer"></i>
									<a href="###">特价</a><span>|</span>
									<a href="###">手机</a>
								</li>
								<li>
									<i class="education"></i>
									<a href="###">教育</a><span>|</span>
									<a href="###">理财</a>
								</li>

							</ul>
							<div class="classic-info">
								<i></i>
								<a href="###">天气</a>
								<a href="###">星座</a>
								<a href="###">网盘</a>
								<a href="###">快递</a>
								<a href="###">违章</a>
								<span></span>
							</div>

						</div>
						<div class="entertainment ">
							<ul class="channel">
								<li>

									<a href="###" class="select">推荐</a>
								</li>
								<li>
									<a href="###"> 社会</a>
								</li>
								<li>
									<a href="###"> 娱乐</a>
								</li>
								<li>
									<a href="###">军事</a>
								</li>
								<li>
									<a href="###">体育</a>
								</li>
								<li class="moreTab"></li>
							</ul>
							<div class="imgcls">
								<img src="img/416c2cd0ef9e6ea82d71dd9d8d131199.jpg" width="278px" height="110px" />
							</div>
							<ul class="channel-c">
								<li>
									<a href="###" target="_blank">人民日报:为何东北不少科长被叫处长</a>
								</li>
								<li>
									<a href="###" target="_blank" class="main">兰州中川机场跑道破损 机场暂时关闭</a>
								</li>
								<li>
									<a href="###" target="_blank">别高兴太早 专家：房价或报复性猛涨</a>
								</li>

							</ul>
						</div>

					</div>

				</div>
			</div>
		</div>
	</body>
	<script src="js/index.js"></script>

</html>